<template>
    <div class="foot">

        <el-button class="import"
            @click="onClickImport">方案导出</el-button>

        <el-button class="ok"
            @click="onClickOK"> 确定 </el-button>

        <el-button class="cancle"
            @click="onClickCancle"> 取消 </el-button>

    </div>
</template>

<script setup>
import {
  sendMsgToApply,
  sendMsgToCancle,
  sendMsgToExport,
  sendMsgToImport
} from '@/utils/Interaction'

//方案导出\导入的点击事件
const onClickImport = () => {
  console.log('click import')
  sendMsgToImport()
  sendMsgToExport
}

//确定按钮的点击事件
const onClickOK = () => {
  console.log('click ok')
  sendMsgToApply('')
}

//取消按钮的点击事件
const onClickCancle = () => {
  console.log('click cancle')
  sendMsgToCancle()
}
</script>

<style lang="scss">
.foot {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;

  .import {
    position: relative;
    left: 1150px;
    bottom: 0;
  }
  .ok {
    position: relative;
    left: 1175px;
    bottom: 0;
  }
  .cancle {
    position: relative;
    left: 1200px;
    bottom: 0;
  }
}
</style>